<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>获奖证书</title>
	<style type="text/css">
		/*设定纸张大小*/
		/* A4纸 */
		/*@page{size:210mm*297mm}  */
		@page{
			size:A4 landscape; 
			margin: 0px;
			border: thin solid black;
			padding: 0px;
		}
		@page :left {
			margin-left: 0cm;
		}
		@page :right {
			margin-right: 0cm;
		}
		.background{
			width: 100%;
			height: 100%;
			z-index:-99999;
			top:-2px;
			left:-2px;
			position: absolute;
			text-align: center;
			vertical-align: middle;
		}
		body{
			font-family: SimSun;
		}
		.name{
			font-size: 28px;
			font-weight: bold;
			margin-top: 220px;
			font-family: SimSun;
			text-align: left;
		}
		.award{
			display: inline-block;
			height: 80%;
			width: 70%;
			margin-left: 15%;
			margin-right: 10%;
			text-align: center;
		}
		.msg{
			line-height: 34px;
			height: 80px;
			text-align: left;
			font-size: 28px;
			font-family: SimSun;
			font-weight: bold;
		}
		.activity{
			padding:0px;
			margin:10px 0px;
			line-height: 36px;
			text-indent: 1.4cm;
		}
		.awards{
			color: #ff0000;
			font-weight: bold;
			height: 40px;
			text-align: center;
			font-size: 34px;
			font-family: SimSun;
		}
		.teacher{
			margin-top: 10px;
			text-align: left;
			font-size: 24px;
			font-family: SimSun;
			font-weight: bold;
		}
		.certificate{
			text-align: left;
			font-size: 16px;
			font-family: SimSun;
			font-weight: 300;
		}
		.comments {
			width: 70%;
		}
		.organization{
			margin-top: 10px;
			text-align: right;
			line-height: 25px;
			font-size: 16px;
			font-family: SimSun;
			font-weight: 400;
		}
		.issuetime{
			margin-right: 10px;
			z-index:99999;position: relative;
		}
		.seal{
			float: right;
			height: 160px;
			width: 160px;
			background: url(${organizationurl});
			background-size:cover;
			z-index:-999;position: relative;
		}

		.orga {
			width: 300px;
			float: right;
			position: absolute;
			right: 160px;
			font-size:20px;
		}
	</style>
</head>
<body>

<img class="background" src="${backgroundurl}"/>

<div class="award">
	<!-- 姓名  -->
	<div class="name">
		${name}同学:
	</div>
	<div class="msg">
		<!-- 作品名 
		<span class="production">
		</span>
		 -->
		<!-- 活动名 -->
		<p class="activity">
		你的作品《${production}》在${activity}中荣获${eventgroup}
		</p>
	</div>
	<!-- 奖项 -->
	<div class="awards">
		${awards}
	</div>
	<!-- 指导老师 -->
	<div class="teacher">
		<p>
			指导老师：${teacher}
		</p>
	</div>
	<!-- 机构和印章 -->
	<div class="organization">
		<div class="seal">
		</div>
		<div class="orga">
			<br />
			<br />
			${organizations}
			<br />
			<div class="issuetime">
				${issuetime}
			</div>
		</div>
	</div>
	<!-- 证书信息 -->
	<div class="certificate">
		<img src="${rqcode}" width="80px"/>
		<p>
		证书编号：${certificateid}
		</p>
		<p>
		验证网站：襄阳市教育网&nbsp;http://jyj.xiangyang.gov.cn/zwgk/zc/tzgg/
		</p>
		<p class="comments">
		<!-- 机构 -->
		根据${organization}发布的襄教备文[2022]6号文件，此证书打印有效，可扫二维码验证。
		</p>
	</div>
</div>
</body>

</html>